<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<html lang="zh">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="initial-scale=1.0,user-scalable=no,maximum-scale=1" media="(device-height: 568px)">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="HandheldFriendly" content="True">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<title>云π</title>
<link rel="stylesheet" type="text/css" media="all" href="css/reset.css" />
<link rel="stylesheet" type="text/css" media="all" href="css/style.css" />

<script type="text/javascript" src="js/jquery-2.1.1.min.js"></script>
<script src="js/clipboard.min.js" type="text/javascript"></script>
<script src="js/js.js" type="text/javascript"></script>
</head>
<style type="text/css">
	body{background:url(img/bg.png) no-repeat top left;background-size:100% 100%;}
	/*密码输入弹窗*/
	.dizon2{width:6.62rem;background:#fff;border-radius:.2rem;position: relative;padding:.001rem 0;}
	.dizon2 .dizon2t{font-size:.34rem;color:rgb(51,51,51);text-align: center;margin-top:.4rem;}
	.dizon2 .dizon2pic{width:.4rem;height:.4rem;position: absolute;right:.2rem;top:.2rem;}
	.dizon2 .pwd-box{width:5.24rem;margin:.6rem auto;position: relative;}
	.dizon2 .pwd-input{width:100%;position: absolute;left:0px;top:0px;height:.7rem;line-height: .7rem;opacity: 0;text-indent: -999rem;margin-left:-40%;}
	.dizon2 .fake-box{display: flex;justify-content: center;align-items: center;}
	.dizon2 .fake-box input{width:.7rem;height:.7rem;border:1px solid #9152d9;margin-right:.16rem;text-align: center;font-size:.3rem}
	.dizon2 .fake-box input:last-child{margin-right:0px;}
</style>
<body>
	<!--头部-->
	<div class="header">
		<a href="javascript:history.go(-1);" class="hele"></a>
		<h1 class="hetitle">云π钱包</h1>
	</div>
	
	<div id="page" class="page m">
		<div class="mytitle3 ywal1">
			<div class="myt3le">
				<p class="my3ti1">云π钱包总量</p>
				<p class="my3ti2">3000</p>
			</div>
			<div class="myt3le">
				<p class="my3ti1">今日收益</p>
				<p class="my3ti2">50</p>
			</div>
		</div>
		
		<!--输入列表-->
		<div class="yunwa1td">
			<p class="yunwa1t">个人钱包地址</p>
			<div class="yunwa1lr">
				<input type="text" class="ywa1lrinput" id="foo" value="KJUBHBS5202556SLUIN2354" readonly=""/>
				<a href="javascript:;" class="ywa1lrlink" id="ywa1lrlink" data-clipboard-target="#foo" aria-label="复制成功！">复制</a>
			</div>
		</div>
		<div class="yunwa1td">
			<p class="yunwa1t">转到智能钱包</p>
			<div class="yunwa1lr">
				<input type="text" class="ywa1lrinput" placeholder="请输入数量（最少1个）"/>
				<a href="javascript:dialog('#d1');" class="ywa1lrlink">确认</a>
			</div>
		</div>
		<div class="yunwa1td" style="border-top:1px dashed #fff;padding-top:.34rem;margin-bottom: .2rem;">
			<p class="yunwa1t">转到智能钱包</p>
			<div class="yunwa1lr">
				<input type="text" class="ywa1lrinput" placeholder="接收方钱包地址(长按可粘贴)"/>
				<a href="awt://scanQrCode" ><img src="img/waipic5.png" alt="" class="waladdpic" /></a>
			</div>
		</div>
		<div class="yunwa1td">
			<p class="yunwa1t">&nbsp;</p>
			<div class="yunwa1lr">
				<input type="text" class="ywa1lrinput" placeholder="请输入数量（最少1个）"/>
				<a href="javascript:;" class="ywa1lrlink">转出</a>
			</div>
		</div>
		<div class="yunwa1td" style="align-items:initial;">
			<p class="yunwa1t">收款二维码</p>
			<img src="img/yunwa1pic.png" alt="" class="yunwa1pic" />
		</div>
	</div>
	
<!--遮罩-->
<div class="mask"></div>
<!--筛选弹窗-->
<div class="dialog" id="d1">
	<div class="dialog_content">
		<div class="dizon2">
			<p class="dizon2t">请输入支付密码</p>
			<img src="img/close.png" alt="" class="dizon2pic" onclick="dialogClose()"/>
			<div class="pwd-box">
			    <input type="tel" maxlength="6" class="pwd-input" id="pwd-input">
			    <div class="fake-box">
			        <input type="password" readonly="">
			        <input type="password" readonly="">
			        <input type="password" readonly="">
			        <input type="password" readonly="">
			        <input type="password" readonly="">
			        <input type="password" readonly="">
			    </div>
			</div>
		</div>
    </div>
</div>

</body>
<script type="text/javascript">
	$(function(){
		//背景高宽
		$("body").width($(document).outerWidth(true));
		$("body").height($(document).outerHeight(true));
		
		//复制地址
		var clipboard = new Clipboard('#ywa1lrlink');
		clipboard.on('success', function(e) { 
		    var msg = e.trigger.getAttribute('aria-label'); 
		    alert(msg); 
		    e.clearSelection();
		});
		
		//密码输入框
		var $input = $(".fake-box input");  
		$("#pwd-input").on("input", function() {  
		    var pwd = $(this).val().trim();  
		    for (var i = 0, len = pwd.length; i < len; i++) {  
		        $input.eq("" + i + "").val(pwd[i]);  
		    };
		    $input.each(function() {  
		        var index = $(this).index();  
		        if (index >= len) {  
		            $(this).val("");  
		        };
		    });  
		    if (len == 6) {  
		        alert(1)
		    }; 
		});


	})
	
	
</script>
</html>